CSS Web 字体 |
您所在的位置:网站首页 › 宋体 woff › CSS Web 字体 |
w3school 在线教程
HTML 系列教程
浏览器脚本
服务器脚本
编程教程
XML 系列教程
建站手册
参考手册
CSS 基础教程
CSS 教程
CSS 简介
CSS 语法
CSS 选择器
CSS 使用
CSS 注释
CSS 颜色
CSS RGB 颜色
CSS HEX 颜色
CSS HSL 颜色
CSS 背景
CSS 背景图像
CSS 背景重复
CSS 背景附着
CSS 简写背景属性
CSS 边框
CSS 边框宽度
CSS 边框颜色
CSS 边框各边
CSS 简写边框属性
CSS 圆角边框
CSS 外边距
CSS 外边距合并
CSS 内边距
CSS 高度/宽度
CSS 框模型
CSS 轮廓
CSS 轮廓宽度
CSS 轮廓颜色
CSS 简写轮廓属性
CSS 轮廓偏移
CSS 文本
CSS 文本对齐
CSS 文本装饰
CSS 文本转换
CSS 文字间距
CSS 文本阴影
CSS 字体
CSS 字体样式
CSS 字体大小
CSS 谷歌字体
CSS 简写字体属性
CSS 图标
CSS 链接
CSS 列表
CSS 表格
CSS 中级教程
CSS Display
CSS max-width
CSS 定位
CSS 溢出
CSS 浮动
CSS 清除浮动
CSS 布局 - 浮动实例
CSS inline-block
CSS 对齐
CSS 组合器
CSS 伪类
CSS 伪元素
CSS 不透明度
CSS 导航栏
CSS 垂直导航栏
CSS 水平导航栏
CSS 下拉菜单
CSS 图片库
CSS 图像精灵
CSS 属性选择器
CSS 表单
CSS 计数器
CSS 网站布局
CSS 单位
CSS 特异性
CSS3 高级教程
CSS 圆角
CSS 边框图像
CSS 背景
CSS 颜色
CSS 渐变
CSS 径向渐变
CSS 阴影
CSS box-shadow
CSS 文本效果
CSS 网络字体
CSS 2D 转换
CSS 3D 转换
CSS 过渡
CSS 动画
CSS 工具提示
CSS 图像样式
CSS object-fit
CSS 按钮
CSS 分页
CSS 多列
CSS 用户界面
CSS 变量
CSS 覆盖变量
CSS 变量 - JavaScript
CSS 变量 - 媒体查询
CSS Box Sizing
CSS Flexbox
CSS 媒体查询
CSS 媒体查询实例
CSS 响应式设计
RWD 简介
RWD 视口
RWD 网格视图
RWD 媒体查询
RWD 图像
RWD 视频
CSS 网格教程
CSS 网格布局模块
CSS 网格容器
CSS 网格项目
CSS 实例
CSS 实例
CSS 测验
CSS 测验
CSS 参考手册
CSS 参考手册
CSS 浏览器支持
CSS 选择器
CSS 函数
CSS 单位
CSS 听觉
CSS 网络安全字体
CSS 可动画制作
CSS 单位
CSS 颜色
CSS 颜色值
CSS 默认值
CSS 实体
CSS Web 字体
CSS 文本效果
CSS 2D 转换
CSS @font-face 规则
Web 字体允许 Web 设计人员使用用户计算机上未安装的字体。 当您找到/购买了想要使用的字体后,只需将字体文件包含在您的 Web 服务器上,它将在需要时自动下载给用户。 您的“自有”字体在 CSS @font-face 规则中进行定义。 不同的字体格式 TrueType 字体 (TTF)TrueType 是 1980 年代后期由 Apple 和 Microsoft 开发的字体标准。 TrueType 是 Mac OS 和 Microsoft Windows 操作系统最常用的字体格式。 OpenType 字体 (OTF)OpenType 是可缩放计算机字体的格式。它基于 TrueType 构建,并且是 Microsoft 的注册商标。今天,OpenType 字体在主要计算机平台上得到普遍使用。 Web 开放字体格式 (WOFF)WOFF 是用于网页的字体格式。它于 2009 年开发,现已成为 W3C 的推荐标准。 WOFF 本质上是具有压缩和其他元数据的 OpenType 或 TrueType。目标是支持在有带宽限制的网络上从服务器到客户端进行字体分发。 Web 开放字体格式 (WOFF 2.0)TrueType/OpenType 字体比 WOFF 1.0 提供更好的压缩。 SVG 字体/形状SVG 字体允许在显示文本时将 SVG 用作字形。 SVG 1.1 规范定义了一个字体模块,该模块允许在 SVG 文档中创建字体。您还可以将 CSS 应用于 SVG 文档,同时 @font-face 规则可以应用于 SVG 文档中的文本。 嵌入式 OpenType 字体 (EOT)EOT 字体是 Microsoft 设计的 OpenType 字体的紧凑形式,用作网页上的嵌入式字体。 对字体格式的浏览器支持表格中的数字注明了完全支持该字体格式的首个浏览器版本。 字体格式 TTF/OTF 9.0* 4.0 3.5 3.1 10.0 WOFF 9.0 5.0 3.6 5.1 11.1 WOFF2 14.0 36.0 39.0 10.0 26.0 SVG 不支持 不支持 不支持 3.2 不支持 EOT 6.0 不支持 不支持 不支持 不支持*IE:该字体格式仅在设置为 "installable" 时有效。 *Firefox:默认情况下不支持,但可以启用(需要将标志设置为 "true" 才能使用 WOFF2)。 使用您需要的字体在 @font-face 规则中:首先定义字体的名称(例如 myFirstFont),然后指向该字体文件。 提示:字体 URL 始终使用小写字母。大写字母可能会在 IE 中产生意外结果。 如需将字体用于 HTML 元素,请通过 font-family 属性引用字体名称(myFirstFont): 实例 @font-face { font-family: myFirstFont; src: url(sansation_light.woff); } div { font-family: myFirstFont; }亲自试一试 使用粗体文本您必须添加另一条 @font-face 规则,其中包含粗体文本的描述符: 实例 @font-face { font-family: myFirstFont; src: url(sansation_bold.woff); font-weight: bold; }亲自试一试 文件 "sansation_bold.woff" 是另一个字体文件,其中包含 Sansation 字体的粗体字符。 每当带有 "myFirstFont" 字体族的一段文本应呈现粗体时,浏览器都会使用它。 这样,您就可以为同一字体设置许多 @font-face 规则。 CSS 字体描述下表列出了能够在 @font-face 规则内定义的所有字体描述符(font descriptor): 描述符 值 描述 font-family name 必需。定义字体名称。 src URL 必需。定义字体文件的 URL。 font-stretch normal condensed ultra-condensed extra-condensed semi-condensed expanded semi-expanded extra-expanded ultra-expanded 可选。定义应如何拉伸字体。默认值是 "normal"。 font-style normal italic oblique 可选。定义字体的样式。默认值是 "normal"。 font-weight normal bold 100 200 300 400 500 600 700 800 900 可选。定义字体的粗细。默认值是 "normal"。 unicode-range unicode-range 可选。定义字体支持的 UNICODE 字符范围。默认值是 "U+0-10FFFF"。 CSS 文本效果 CSS 2D 转换 CSS 参考手册 CSS 实例 CSS 测验 CSS 课外书W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。 关于 W3School 帮助 W3School 使用条款 隐私条款 技术支持:赢科 蒙ICP备06004630号 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |